import React from 'react'
import {Row, Col,  Table, } from 'antd';
import './PurchaseOrderDetail.css'
import {
    FormOutlined,
    PrinterFilled,
} from "@ant-design/icons";
const deliverGoodsColumns = [
    {
        title: '',
        dataIndex: 'No',
        align: 'center',
    },

    {
        title: '主图',
        dataIndex: 'mainPic',
        align: 'center',

    },
    {
        title: '商品编码',
        dataIndex: 'goodsNo',

    },
    {
        title: '商品名称',
        dataIndex: 'goodsName',
    },
    {
        title: '商品规格',
        dataIndex: 'goodsSpecs',
    },

    {
        title: '单位',
        dataIndex: 'unit',
    },
    {
        title: '退货数量',
        dataIndex: 'outGoodsNum',
    },
    {
        title: '收货数量',
        dataIndex: 'inGoodsNum',
    },
    {
        title: '退货单价',
        dataIndex: 'inGoodsUnitPrice',
    },
    {
        title: '退货金额',
        dataIndex: 'inGoodsMoney',
    },
    {
        title: '备注',
        dataIndex: 'remarks',
        key: 'remarks',
        align: 'center',
        render:()=>(
            <FormOutlined/>
        ),

    },
];
const deliverGoodsTableData = [];


class ReturnOrderDeliverGoods extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            countMoney: '0.00',
            visible: false,
            orderTypeText: '全部级别',
            selectValue: 1,
            current: '订单详情',
            orderNo: ' DH-O-20200508-405868 ',
            customerName: '小雷家电线厂',
            value: 1,
            logVisible: false,
        }
    }
    handleClick = e => {
        console.log('click ', e);
        this.setState({
            current: e.key,
        });
    };
    handleChange = (value) => {
        console.log(`selected ${value}`);
        this.setState({
            selectValue: value,
        })
    }
    handleOk = e => {
        console.log(e);
        this.setState({
            visible: false,
        });
    };
    handleCancel = e => {
        console.log(e);
        this.setState({
            visible: false,
        });
    };
    onChange = e => {
        console.log('radio checked', e.target.value);
        this.setState({
            value: e.target.value,
        });
    };
    render() {

        return (<div style={{ position: 'relative',backgroundColor:'white'}}>
            {/*//收货记录*/}
            <Row >
                <Col span={24}>
                    <Row style={{marginTop: 20}} align={'middle'}>
                        <Col span={16}>
                            <span className={'orderInfo'}>收货单号：{this.state.orderNo}</span>

                        </Col>
                        <Col span={8} align={'right'} style={{paddingRight:'1rem'}}>
                            <span className={'btClass'}><span className={'iconfont icon-ziyuan'}/> 导出</span>
                            <span className={'btClass'}><PrinterFilled/> 打印</span>
                            <span className={'btClass'}><FormOutlined/> 修改收货</span>

                        </Col>

                    </Row>
                    <Row className={'detailTable'}>
                        <Col span={24}>
                            <Table
                                bordered
                                pagination={{position: ['none', 'none'],}}
                                columns={deliverGoodsColumns}
                                dataSource={deliverGoodsTableData}
                                className='table'
                            />
                        </Col>
                    </Row>

                </Col>
            </Row>

        </div>);

    }
}

export default ReturnOrderDeliverGoods
